body {
  font-size: 1.2rem;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  font-family: "Helvetica Neue", Helvetica, sans-serif;
  line-height: 1.5;
  color: #3d4145;
  background: #eeeeee;
  overflow: hidden;
  min-width: 320px;
  /*max-width: 640px;*/
  margin:0 auto;
}
.warp-page{
	width:100%;
	height:100%;
	position:relative;
	overflow: hidden;
	background:#ffea1e url(../images/top-bg.png) no-repeat left top;
	background-size:contain;
}

.pointer{position:absolute;margin:0 auto;left:0;right:0;top:5rem;width:5rem;height:5rem;}

.zhuan-bg{position:absolute;left:0;right:0;top:24%;width:18rem;height:18rem;margin:0 auto;background:url(../images/zhuan-bg.png) no-repeat;background-size:100% 100%;}
.zhuan-box{position:absolute;left:0;right:0;top:.9rem;width:15.9rem;height:15.9rem;margin:0 auto;background:url(../images/small-bg.png) no-repeat;background-size:100% 100%;}
.xuan{
position:absolute;width:5rem;height:3rem;text-align:center;color:white;font-size:.8rem;
text-shadow: 1px 0px 0px #fe8049, -1px 0px 0px #fe8049, 0px 1px 0px #fe8049, 0px -1px 0px #fe8049;
-webkit-text-shadow: 1px 0px 0px #fe8049,-1px 0px 0px #fe8049,0px 1px 0px #fe8049,0px -1px 0px #fe8049;
}
.xuan img{width:3.2rem; height:3.2rem;margin-top:-.5rem;}
.xuan p{margin:0; height:1.8rem;}
.xuan01{top:1.2rem;left:7.6rem;transform: rotate(20deg); -webkit-transform: rotate(20deg);}
.xuan02{top:4.2rem;left:10.6rem;transform: rotate(65deg); -webkit-transform: rotate(65deg)}
.xuan03{top:8.5rem;left:10.7rem;transform: rotate(109deg); -webkit-transform: rotate(109deg)}
.xuan04{top:11.5rem;left:7.6rem;transform: rotate(157deg); -webkit-transform: rotate(157deg)}
.xuan05{top:11.8rem;left:3.2rem;transform: rotate(199deg); -webkit-transform: rotate(199deg)}
.xuan06{top:8.8rem;left:0.3rem;transform: rotate(244deg); -webkit-transform: rotate(244deg)}
.xuan07{top:4.2rem;left:0.1rem;transform: rotate(291deg); -webkit-transform: rotate(291deg)}
.xuan08{top:1.1rem;left:3.2rem;transform: rotate(-22deg); -webkit-transform: rotate(-22deg)}

.btn-box{position:absolute;bottom:0%;left:0;width:100%;}
.btn-box a.a-btn{display:block;width:8rem; height:2.2rem;background:url(../images/btn-bg00.png) no-repeat;background-size:100% 100%;margin:0 auto;
line-height:2.2rem;text-align:center;padding:.2rem 1.4rem; font-size:1rem;font-weight:bold;
/*text-shadow: 1px 0px 0px #b57800, -1px 0px 0px #b57800, 0px 1px 0px #b57800, 0px -1px 0px #b57800;
-webkit-text-shadow: 1px 0px 0px #b57800,-1px 0px 0px #b57800,0px 1px 0px #b57800,0px -1px 0px #b57800;*/
}

.girl-box{
	position:absolute;top:48%;left:0;width:5rem;
}
.warp-text {padding:0 1rem .5rem;}
.warp-text .text-num{background:url(../images/text-bg00.png) no-repeat;background-size:100% 100%;text-align: center;
font-size:1rem;padding:.4rem 0;color:#b81700;}
.warp-btn {padding:.3rem 0 .5rem;}
.warp-tip{padding:.5rem 0;}

.warp-list{padding:.1rem 1rem 1rem;background:#ffea1e;}
.warp-list .list-box{background:#f0dc17;padding:.6rem .8rem .6rem .8rem;border-radius:.3rem;height:8rem;overflow:hidden; -webkit-overflow-scrolling: touch;}

.warp-list .row {}
.warp-list .row .col-6{font-size:.9rem; text-overflow:ellipsis;white-space:nowrap;overflow: hidden;padding:.2rem 0;}
.warp-list .row .col-6 span.text-red{color:#b81700;}

.warp-gonggao {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(1, 1, 1, 0.7);
  display: none;
  z-index: 9;
}
.tan-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.tan-open,
.tan-overlay {
  display: block;
  pointer-events: auto;
}
.close-x {
  position: absolute;
  top: 0rem;
  right: 1rem;
  width: 2.5rem;
  height: 2.5rem;
  z-index: 2;
}

.gg-box {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 82%;
  height: auto;
  transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
}

.tip-box{padding:0 1rem;}
.tip-box .tip-title{height:10rem;background:url(../images/tan-bg00.png) no-repeat;background-size:100% 100%;}
.tip-box .tip-body{height:auto;background:url(../images/tan-bg01.png) no-repeat;background-size:100% 100%;padding-bottom:.7rem;}

.tip-box .tip-title .yes-imgp{background:url(../images/tan-bg02.png) no-repeat;background-size:100% 100%;}
.tip-box .tip-title .yes-imgp img{width:6rem;height:6rem;padding:2.5rem 0 0;}
.tip-box .tip-title .no-imgp img{width:80%;padding:2rem 0 0;}
.tip-box .tip-body .tip-text {margin:0;font-size:.9rem;padding:.4rem .2rem;}



html {
font-size: 62.5%
}
body{
    max-width: 640px;
}
@media screen and (min-width: 320px) {
    html {font-size: 14px;}
}
 
@media screen and (min-width: 360px) {
    html {font-size: 16px;}
}
 
@media screen and (min-width: 400px) {
    html {font-size: 18px;}
}
 
@media screen and (min-width: 440px) {
    html {font-size: 20px;}
}
 
@media screen and (min-width: 480px) {
    html {font-size: 22px;}
}
 
@media screen and (min-width: 640px) {
    html {font-size: 28px;}
}
